@import "../common/variable.scss";
html {
  .theme-dark {
    .zyCommonWrapper {
      .zySidebarWrapper {
        background: #192C4D;
        .zySidebar {
          .subItem {
            .content {
              &:hover{
                .con{
                  color: $white;
                }
                i{
                  color: $white;
                }
              }

              .con {
                color: $white5;
              }

            }

            .childMenu {
              li {
                .thirdItem {
                  color: $white8;
                  &:hover{
                    color: $white;
                  }
                }
              }
            }

            &.active {
              .content {
                &.single{
                  background: rgba(131, 150, 181, 0.2);
                }
                .con {
                  color: $white;
                }

                i {
                  color: $white;

                }
              }
              .childMenu {
                li{
                  &.active{
                    span{
                      color:$white;
                    }
                  }
                }
              }
            }

            &.open {
              background: rgba(0, 20, 45, 0.3);
              .content {
                background: rgba(131, 150, 181, 0.2);
              }
            }
          }
        }
        .shrinkBtn{
          border-top: 1px solid rgba(255,255,255,0.2);
          i{
            color: $white5;
          }
        }
        .zyMinSidebar{
          .iconWrap{
            &.active{
              background: rgba(255,255,255,0.1);
              i{
                color:$white;
              }
            }
            &:hover{
              i{
                color: $white;
              }
            }
          }
          .ivu-poptip-popper{
            .ivu-poptip-content{
              background: #313F64;
            }
            .ivu-poptip-body{
              background: #313F64;
            }
          }
          .children-menu{

            li{
              color: $white8;
              &.active{
                color: $white;
              }
              &:hover{
                color: $white;
              }
            }
          }
        }
      }
    }
  }
}

